<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="./css/personal/index.css" type="text/css">
    <title>云谱</title>
</head>
<body id="ancestor">
<header>
    <h4>云谱</h4>

    <div class="header-img dropdown">
        <a href="html/seacher.html"><img src="images/index_search.png" alt="" style="width: 26px;margin: 7px -5px;"/></a>
        <!--<img src="./images/add1.png" class="dropdown-toggle" id="dropdownMenu" data-toggle="dropdown" alt=""/>-->
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">
                    <img src="./images/add-friend.png" alt=""/>添加朋友
                </a>
            </li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">
                    <img src="./images/saoyisao.png" alt=""/>扫一扫
                </a>
            </li>
        </ul>
    </div>
</header>

<section class="tab-content">
    <div id="mesager" class="tab-pane fade in active">
        <ul>
            <li>
                <a href="./html/message/dashiji.html">
                    <img src="images/index_note.png" alt=""/>
                    <span>大事记（今天是小明的生日）</span><span class="updata-time">10:00</span>
                </a>
            </li>
            <li>
                <a href="html/message/message_process.html" class="a-share">
                    <img src="images/index_process.png" alt=""/>
                    <span>历程（小明更新了历程）</span><span class="updata-time">9:00</span>
                </a>
            </li>
            <li>
                <a href="html/message/message_share.html">
                    <img src="./images/index_share.png" alt=""/>
                    <span>分享（小明分享了文章）</span><span class="updata-time">8:40</span>
                </a>
            </li>
            <li>
                <a href="html/message/message_dynamic.html">
                    <img src="images/index_dynamic.png" alt=""/>
                    <span>家族动态（小明修改了信息）</span><span class="updata-time">7:00</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/index_message.png" alt=""/>
                    <span>系统消息（已有最新版本）</span><span class="updata-time">7:00</span>
                </a>
            </li>
        </ul>
    </div>
</section>

<footer class="footer">
    <ul class="nav nav-pills">
        <li class="active">
            <a href="#" class="mesager"><span class="glyphicon"></span>消息</a>
        </li>
        <li>
            <a href="./family.html" class="family"><span class="glyphicon"></span>家族</a>
        </li>
        <li>
            <a href="./find.html" class="find"><span class="glyphicon"></span>发现</a>
        </li>
        <li>
            <a href="./myself.html" class="myself"><span class="glyphicon"></span> 我的</a>
        </li>
    </ul>
</footer>
</body>
<script src="./js/public/jquery-2.2.3.min.js"></script>
<script src="./js/public/bootstrap.min.js"></script>
<script src="./js/personal/index.js"></script>
</html>